<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米商城布局</title>
		<style>
			.box{
				height: 25px;
				border: 1px solid red;
				background-color: black;
			}
			.abox{
					width: 500px;
					height: 23px;
					border: 1px solid green;
					margin: auto;
				}
			.bbox{
				width: 250px;
				height: 20px;
				border: 1px solid pink;
				float: left;
			}
			.cbox{
				width: 100px;
				height: 20px;
				border: 1px solid pink;
				float: right;
			}
			.dbox{
				width: 500px;
				height: 35px;
				border: 1px solid red;
				margin: auto;
			}
			.ebox{
				width: 30px;
				height: 30px;
				border: 1px solid red;
				float: left;
			}
			.fbox{
				width: 245px;
				height: 30px;
				border: 1px solid red;
				margin: auto;
			}
			.zbox{
				width: 30px;
				height: 100%;
				border: 1px solid red;
				float: right;
				margin-top: -32px;
			}
			.hbox{
				width: 500px;
				height: 300px;
				border: 1px solid red;
				margin: auto;
			}
			.ibox{
				width: 130px;
				height: 300px;
				border: 1px solid red;
				float: left;
			}
			.jbox{
				width: 366px;
				height: 300px;
				border: 1px solid red;
				float: right;
			}
			.vbox{
				width: 30px;
				height: 20px;
				background-color: antiquewhite;
				float: left;
				position: relative;
				top: 45%;
			}
			.vvbox{
				width: 30px;
				height: 20px;
				background-color: antiquewhite;
				float: right;
				position: relative;
				top: 45%;
			}
			.vvvbox{
				width: 60px;
				height: 20px;
				background-color: beige;
				float: right;
				position: relative;
				top: 88%;
			}
			.kbox{
				width: 500px;
				height: 100px;
				border: 1px solid red;
				margin: auto;
			}
			.lbox{
				width: 110px;
				height: 100px;
				border: 1px solid red;
				float: left;
			}
			.qbox{
				width: 35px;
				height: 47px;
				border: 1px solid red;
				float: left;
			}
			.wbox{
				width: 35px;
				height: 47px;
				border: 1px solid red;
				float: left;
			}
			.mbox{
				width: 128px;
				height: 100px;
				border: 1px solid red;
				float: left;
			}
			.gbox{
				width: 500px;
				height: 50px;
				border: 1px solid red;
				margin: auto;
			}
			.nbox{
				width: 500px;
				height: 300px;
				border: 1px solid red;
				margin: auto;
			}
			.obox{
				width: 98px;
				height: 299px;
				border: 1px solid red;
				float: left;
			}
			.pbox{
				width: 98px;
				height: 148px;
				border: 1px solid red;
				float: left;
			}
			.rbox{
				width: 98px;
				height: 148px;
				border: 1px solid red;
				float: left;
			}
			.nbox{
				width: 500px;
				height: 300px;
				border: 1px solid red;
				margin: auto;
			}
			.sbox{
				width: 98px;
				height: 73px;
				border: 1px solid red;
				margin-bottom: 0%;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="abox">
			<div class="bbox"></div>
			<div class="cbox"></div>
			</div>
		</div>
		<div class="dbox">
			<div class="ebox"></div>
			<div class="fbox"></div>
			<div class="zbox"></div>
		</div>
		<div class="hbox">
			<div class="ibox"></div>
			<div class="jbox">
				<div class="vbox"></div>
				<div class="vvbox"></div>
				<div class="vvvbox"></div>
			</div>
		</div>
		<div class="kbox">
			<div class="lbox">
				<div class="qbox"></div>
				<div class="qbox"></div>
				<div class="qbox"></div>
				<div class="wbox"></div>
				<div class="wbox"></div>
				<div class="wbox"></div>
			</div>
			<div class="mbox"></div>
			<div class="mbox"></div>
			<div class="mbox"></div>
		</div>
		<div class="gbox"></div>
		<div class="nbox">
			<div class="obox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
		</div>
		<div class="nbox">
			<div class="obox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox">
				<div class="sbox"></div>
				<div class="sbox"></div>
			</div>
			
		</div>
		<div class="nbox">
			<div class="obox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox">
				<div class="sbox"></div>
				<div class="sbox"></div>
			</div>
			
		</div>
		<div class="nbox">
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox">
				<div class="sbox"></div>
				<div class="sbox"></div>
			</div>
			
		</div>
		<div class="nbox">
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox">
				<div class="sbox"></div>
				<div class="sbox"></div>
			</div>
		</div>
		<div class="nbox">
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox">
				<div class="sbox"></div>
			</div>
		</div>
		<div class="nbox">
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="pbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox"></div>
			<div class="rbox">
				<div class="sbox"></div>
				<div class="sbox"></div>
			</div>
		</div>
		<div class="gbox"></div>
	</body>
</html>
